/* Jeferson Winter - http://www.jefersonwinter.com */

@font-face {
    font-family: 'swis-721-lt-bt'; 
    src: url('../font/swis_721_lt_bt/swis_721_lt_bt.eot');
    src: url('../font/swis_721_lt_bt/swis_721_lt_bt.eot?#iefix') format('embedded-opentype'),
        url('../font/swis_721_lt_bt/swis_721_lt_bt.woff') format('woff'),
        url('../font/swis_721_lt_bt/swis_721_lt_bt.ttf') format('truetype'),
        url('../font/swis_721_lt_bt/swis_721_lt_bt.svg#swis_721_lt_bt') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-family: 'swis-721-lt-bt';}

/*Menu*/
#topo, .menu-2{z-index: 999;position: fixed; top: 0;}
.menu-2{background-color: #221e71;padding:3px 0px;}
.topo-logo{background-color: #ffffff; border-bottom: 1px solid #e6e6e6; float: left;padding:5px 0px;}
.topo-logo-img{width: 119px; height: 66px; cursor: pointer; margin: 5px 10px; background: url('../img/layout/sprites.png') no-repeat; background-position:  0px -391px; }

.menu ul{list-style: none; float: left;}
.menu li{text-align: center; display: inline-block;}
.menu span {transition: 0.3s; display: block; padding:1.5em 1em; color: #fff; text-transform: uppercase; cursor: pointer;}
.menu span:hover {transition: 0.3s; background-color: rgba(255,255,255,1); color: #51a8b1;}
.expositor{float: right;color:#000; font-size: 0.7em;margin:8px 0px 0px 20px;}

.menu-2{margin-top:83px;}
.menu-2 ul{list-style: none; float: left;width:100%; }
.menu-2 span {transition: 0.3s; display: block; padding:1.2em 0.8em; color: #fff; text-transform: uppercase; cursor: pointer;}
.menu-2 span:hover {transition: 0.3s; background-color: rgba(255,255,255,1); color: #51a8b1;}
.expositor-2{color:#000; font-size: 0.8em;}

.idioma{position: absolute; top: 0; right: 0;}
.idioma ul{list-style: none;}
.idioma li:first-child{padding: 5px;}
.idioma li{float: left; padding: 5px 5px 5px 0px;}

.idioma-us,.idioma-us-2,.idioma-br,.idioma-br-2,.idioma-es,.idioma-es-2{width: 38px; height: 26px; cursor: pointer; background: url('../img/layout/sprites.png') no-repeat;}

.idioma-br{background-position: 0px 0px;}
.idioma-br-2{background-position: 0px -28px;}
.idioma-us{background-position: -40px 0px;}
.idioma-us-2{background-position: -40px -28px;}
.idioma-es{background-position: -80px 0px;}
.idioma-es-2{background-position: -80px -28px;}

/*banner, contador, expositores*/

#contador h2,#contador h3{color: #211d70;}
#contador h2{text-align:left;}
#contador h3{text-align:right;}
#contador ul{list-style: none; margin-top: calc(50% - 80px);}
#contador span{font-size:2em;color: #fff; background-color: #47a5ae; padding: 10px; display: inline-block; margin: 15px 0; border-bottom: solid 5px #40949c;}


#expositores {margin-top:10px;float:left;}

#expositores h2, #parceiros h2{text-align:center;font-size: 1em;color: #fff;padding: 0.3em 0 0.2em 0; display: block; background-color:#221e71;border-bottom: solid 5px #1d1a62;}

.expositores-box {border: 1px solid rgba(0,0,0,0.2);width:90%; height:90%;}
.expositores-box img{transition:0.3s; opacity: 0.3;}
.expositores-box img:hover{transition:0.3s; opacity:1;}

.separador{border-bottom:1px solid #a7a9ac;}

/*Icones*/

#icones {background-color: #47a5ae; display: table; border-bottom: solid 5px #40949c;}
#icones ul{list-style: none;}
.ul-margin{margin: 50px 0;}
.icones-margin{margin: 30px 0;}
#icones h3{font-size:1em;}
.icones-click{cursor:pointer;}
.icones-bloco{clear:both; display: table; position: relative; margin: auto;}
.icones-img{transition: 0.3s; width: 120px; margin: 20px;}
.icones-img:hover{transition: 0.3s; transform: scale(0.9,0.9); -webkit-transform: scale(0.9,0.9);}
.icones-legenda{color: #fff; font-weight: bold; margin: 20px 0; text-align: center;}
.icones-texto{color: #fff; background-color: rgba(0,0,0,0.2); padding: 1em; display:none;}
.icones-texto p{margin-bottom: 1em; clear: both;}
.icones-separador{border-bottom: 1px dotted rgba(0,0,0,0.2);}

/*Contato*/

#contato{padding:20px 0px 45px 0px;}
#contato h2 {color: #fff;margin-bottom: 20px;}
#contato textarea, input {font-size: 0.8em;}
.form-group ul{list-style: none;}
.form-group li{margin-bottom:0.8em;}
.form-group input[type="text"],.form-group input[type="email"],.form-group textarea {width: calc(100% - 2em - 2px); padding: 1em; margin:0;}

.form-group input[type="submit"] {float: right; border: 0; text-align: right; background-color: #47a5ae; color:#ffffff; border-bottom:5px solid #40949c;  font-size: 1em; cursor: pointer; transition: 0.3s; padding: 0.2em 0.5em;}
.form-group input[type="submit"]:hover{transition: 0.3s; background-color: #2f2a93; border-bottom: 5px solid #221e71; }

input[type="email"]:required:invalid, input[type="email"]:focus:invalid, textarea:required:invalid, textarea:focus:invalid  {box-shadow: none;}
::-webkit-input-placeholder {color: #131144; font-size: 1em;}
:-moz-placeholder {color: #131144; font-size: 1em;}
::-moz-placeholder {color: #131144; font-size: 1em;}
:-ms-input-placeholder {color: #131144; font-size: 1em;}
textarea {color: #131144; font-size: 0.8em;}

/*Mapa*/

.mapa {background-color: rgba(71,165,174,0.1); display: table;  width: 100%; margin-top: 20px; padding-bottom: 50px; overflow: hidden;  box-shadow: 0 10px 0 #fff inset;}
.mapa h2{color: #fff; margin: 0em auto 0.5em auto; background-color: #47a5ae; padding: 0.5em 0 0.5em 0.5em; font-weight: bold; }
.mapa nav{padding: 0px 0px 20px 20px;}
.mapa a, .mapa a:visited{transition:0.3s; text-decoration: none; color: #2e6f75; text-decoration: none; line-height: 1.8em; position: relative;}
.mapa a:hover{transition:0.3s; text-decoration: underline;}

/*Parceiros*/

#parceiros h3{font-size: 0.8em; text-align: center; padding: 0.5em 0; display: block; }
.parceiros-box {border: 1px solid rgba(0,0,0,0.2); height: 90%; width: 90%;}
.parceiros-box img{transition:0.3s; opacity: 0.3;}
.parceiros-box img:hover{transition:0.3s; opacity:1;}

/*Rodape*/

.rodape {background-color: #221e71; display: table;}
.rodape-assinatura{text-align: right; margin: 1em; float: right;}
.rodape a, .rodape a:visited{text-decoration: none; color: #fff; font-size: 0.8em;}
.rodape a:hover{text-decoration: underline;}

.redes-sociais {list-style: none;}
.redes-sociais li{float: left; padding: 1em;}

.redes-sociais-facebook{width: 24px; height: 24px; cursor: pointer; display: table; background: url('../img/layout/sprites.png') no-repeat; }
.redes-sociais-facebook{background-position: 0px -64px;}